<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>正则表达式</title>
	</head>
	<body>
		<form action="http://www.baidu.com">
			<!--
            	pattern 是正则表达式，可以用网上的正则表达式转换，邮箱、整数形式
            	由于邮箱的格式较为平凡，因此type中特地有email形式
                                  有了pattern存在下，任何越界正则都是会受到系统的提示错误的，但是required="required"的字眼让系统不会因为不填而自动登陆，因为就算有了正则表达式，不填也是不会报错的
            	readonly 只读标签,有框但是不能输入
            	hidden 隐藏标签，隐藏标签栏
            -->
		<p>用户名:<input type="text" placeholder="请输入用户名" pattern="[\u4e00-\u9fa5]{2,4}" required="required"/></p>
		<p>密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="text" placeholder="请输入密码" pattern="^[1-9]\d*$" required="required" /></p>
		<p>邮&nbsp;&nbsp;&nbsp;&nbsp;箱:<input type="text" placeholder="请输入邮箱" pattern="[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?"/></p>
		<p>邮&nbsp;&nbsp;&nbsp;&nbsp;箱:<input type="email" placeholder="请输入邮箱" required="required"/></p>
		<p>属&nbsp;&nbsp;&nbsp;&nbsp;性:<input type="text" readonly="readonly"/></p>
		<p>属&nbsp;&nbsp;&nbsp;&nbsp;性:<input type="text" hidden="hidden"/></p>
		<p><input type="submit" value="登陆"</p>
		<p><input type="reset" value="重置"</p>
		</form>
	</body>
</html>
